<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="../../css/weui.min.css">
    <link rel="stylesheet" href="../../css/weuix.css"/>
    <link rel="stylesheet" href="../../layui/css/layui.css"/>
    <link rel="stylesheet" href="../../css/carrier.css"/>

    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/vue.js"></script>
    <script src="../../js/axios.min.js"></script>
    <script src="../../layui/layui.all.js"></script>


    <script src="../../js/f2.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script>
    <script src="https://unpkg.com/vue-chartjs/dist/vue-chartjs.min.js"></script>
    <script src="../../js/app.js"></script>
    <script>
        var uid = getUrlParam('uid');
    </script>
    <style>
        .weui-flex_box {
            margin-top: 20px;
        }

        h3 {
            color: #ff851b;
            font-size: 1.5em;
        }

        .placeholder {
            margin: 5px;
            padding: 0 10px;
            background-color: #ebebeb;
            height: 4.3em;
            line-height: 4.3em;
            text-align: center;
            color: #ff851b;
            font-size: 1.5em;
        }

        .placeholder2 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }

        .placeholder3 {
            margin: 5px;
            padding: 10px 10px;
            background-color: #ebebeb;
            text-align: center;
            font-size: 14px;
        }

        .weui-form-preview {
            font-size: 15px;
        }

        .col_header {
            background-color: #009688;
            line-height: 40px;
        }

        .box_space {
            margin-right: 6px;
        }

        @media screen and (min-width: 1200px) {
            .layui-container {
                width: 100%;
            }
        }

        @media screen and (min-width: 992px) {
            .layui-container {
                width: 100%;
            }
        }

        @media screen and (min-width: 768px) {
            .layui-container {
                width: 100%;
            }
        }

        .child_row_style {
            line-height: 40px;
        }

        .box_space {
            margin-top: 9px;
        }

        .box_space > div {
            line-height: 40px;
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;

        }

        .box_space > div > div:nth-child(1) {
            line-height: 40px;
            border-left: 1px solid #000;
            border-right: 1px solid #000;
        }

        .no_border_right {
            border-right: 0px !important;
        }

        .no_border_left {
            border-left: 0px !important;
        }

        .many_cols_style > div {
            border-right: 1px solid #000;
            border-bottom: 1px solid #000;
            border-left: 1px solid #000;
        }

        .many_cols_child > div {
            display: inline-block;
        }

        .many_cols_child > div:nth-child(1) {
            width: 60%;
            border-right: 1px solid #000 !important;

        }

        .many_cols_child > div:nth-child(2) {
            width: 35%;
        }

        .many_cols_style > div:last-child {
            border-bottom: 0px !important;
        }

        .some_border_bottom > div:nth-last-child(1) .many_cols_child {
            border-bottom: 0px !important;
        }
    </style>
</head>

<body>
<div ontouchstart id="app">
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div class="placeholder">{{user.verify_name}}-综合报告</div>
        </div>
    </div>

    <div class="weui-tab" id="t3" style="height:44px;">
        <div class="weui-navbar">
            <div class="weui-navbar__item tab-blue"
                 onclick="location.href='report.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                综合报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_buer.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                多头报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_faude.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                反欺诈报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_carrier.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                运营商报告
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_contacts.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                手机通讯录
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_messages.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                手机短信
            </div>
            <div class="weui-navbar__item"
                 onclick="location.href='report_calllog.html?uid=' + uid + '&oid=' + oid + '&mobile=' + mobile + '&moxie=' + moxie + '&order_no=' + order_no + '&id_no=' + id_no + '&merchant=' + merchant">
                通话记录
            </div>
        </div>
    </div>
    <div class="main" style="margin-top: 6px;" v-if="generalbool">
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 box_space">
                    <div class="layui-row no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_left no_border_right"><h3>
                            1.1实名认证</h3></div>
                    </div>
                    <div class="layui-row col_header no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right" style="color: #fff;">
                            实名认证
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>身份证姓名：<span>{{user.verify_name}}</span></div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>身份证号码：<span>{{user.verify_idcard_no}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>联系人关系：</div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <block v-if="user.emergency_contact1_type">
                                <div>{{user.emergency_contact1_type}}</div>
                            </block>
                            <block v-else>
                                <div>&nbsp;</div>
                            </block>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <div>姓名：</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <div>{{user.emergency_contact1_name}}</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>联系方式：</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>{{user.emergency_contact1_mobile}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>联系人关系：</div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <block v-if="user.emergency_contact2_type">
                                <div>{{user.emergency_contact2_type}}</div>
                            </block>
                            <block v-else>
                                <div>&nbsp;</div>
                            </block>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <div>姓名：</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2" style="border-right: 1px solid #000;">
                            <div>{{user.emergency_contact2_name}}</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>联系方式：</span></div>
                        </div>
                        <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                            <div>{{user.emergency_contact2_mobile}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div style="width: 250px;">身份证正面照：<span
                                    style="display: inline-block;margin-bottom: 10px;padding-left: 50px;"><a
                                    :href="user.verify_idcard1_url" target="_blank"><img style="width: 90%"
                                                                                         :src="user.verify_idcard1_url"></a></span>
                            </div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div style="width: 250px;">身份证反面照：<span
                                    style="display: inline-block;margin-bottom: 10px;padding-left: 50px;"><a
                                    :href="user.verify_idcard2_url" target="_blank"><img style="width: 90%"
                                                                                         :src="user.verify_idcard2_url"></a></span>
                            </div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">
                            <div>活体检测视频：<span><a :href="user.verify_alive_url" target="_blank">点击播放</a></span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>实名认证：
                                <span v-if="user.idcard_ok">是</span>
                                <span v-if="!user.idcard_ok">否</span>
                            </div>
                        </div>
                        <!--<div class="layui-col-xs6 layui-col-sm6 layui-col-md6">-->
                        <!--<div>脸证对比：<span>89%</span></div>-->
                        <!--</div>-->
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 box_space">
                    <div class="layui-row no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_left no_border_right"><h3>
                            1.2风控决策建议</h3></div>
                    </div>
                    <div class="layui-row col_header no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right" style="color: #fff;">
                            风控决策建议
                        </div>
                    </div>
                    <!--<div class="layui-row">-->
                    <!--<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">-->
                    <!--<div>初审结果：-->
                    <!--<span>{{otherData.order_type}}</span>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right    ">
                            <div>准入分：<span>{{otherData.br_score}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right    ">
                            <div>置信分：<span>{{otherData.px_score}}</span></div>
                        </div>
                    </div>

                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">
                            <div>审核结果：<span>{{otherData.order_state}}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 box_space">
                    <div class="layui-row no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_left no_border_right"><h3>
                            1.3基础信息</h3></div>
                    </div>
                    <div class="layui-row col_header no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right" style="color: #fff;">
                            定位信息
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>手机号：<span>{{user.mobile}}</span></div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>居住地址：<span>{{user.live_address}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
                            <div>定位经纬度：<span>{{user.phone_location}}</span></div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 no_border_right">
                            <div>定位地址：<span>{{user.phone_location_address}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
                            <div>手机系统：<span>{{user.platform}}</span></div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6 no_border_right">
                            <div>手机型号：<span>{{user.model}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>微信：<span>{{user.verify_pay_weixin}}</span></div>
                        </div>
                        <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                            <div>支付宝：<span>{{user.verify_pay_zhifubao}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">
                            <div>银行卡：<span>{{user.verify_bankcard_no}}</span></div>
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">
                            <div>金盾：<span>{{user.synthesis}}</span></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-row">
                <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 box_space">
                    <div class="layui-row no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_left no_border_right"><h3>
                            1.4APP列表</h3></div>
                    </div>
                    <div class="layui-row col_header no_border_right">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right" style="color: #fff;">
                            APP列表
                        </div>
                    </div>
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 no_border_right">
                            <div>{{user.phone_appnames}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    var uid = getUrlParam('uid');
    var oid = getUrlParam('oid');
    var mobile = getUrlParam('mobile');
    var id_no = getUrlParam('id_no');
    var order_no = getUrlParam('order_no');
    var moxie = getUrlParam('moxie');
    var merchant = getUrlParam('merchant');
    var app = new Vue({
        el: '#app',
        data: {
            user: '',
            radarreport: '',
            otherData: '',
            report: '',
            generalReport: '',
            userbool: false,
            radarbool: false,
            carrierbool: false,
            generalbool: false,
            fruad: false,
            fruadreport: '',
        },
        mounted: function () {
            this.general();
            this.indexReport();
        },
        methods: {
            general: function () {
                var vm = this;
                layui.use('layer', function () {
                    var layer = layui.layer;
                    var index = layer.load(); //换了种风格
                    axios.post('/api/user/general/generalreport', {
                        mobile: mobile,
                        id_no: id_no,
                        order_no: order_no
                    }).then(function (response) {
                        var obj = response.data;
                        if (obj.code == 0) {
                            vm.generalReport = obj.data;
                            vm.otherData = obj.otherdata;
                            layer.close(index);
                            vm.generalbool = true;
                        } else {
                            layer.msg('暂无数据');
                            layer.close(index);
                        }
                    }).catch(function (response) {
                        console.log(response);
                    });
                });
            },
            faurdRreport: function () {
                var vm = this;
                axios.post('/api/carrier/fraud/report', {
                    mobile: mobile,
                    merchant: merchant
                }).then(function (response) {
                    var obj = response.data;
                    if (obj.code == 0) {
                        vm.fruadreport = obj.data;
                        console.log(vm.fruadreport.data.socialNetwork)
                        vm.fruad = true;
                    } else {
                        alert(obj.text);
                    }
                }).catch(function (response) {
                    console.log(response);
                });
            },
            indexReport: function () {
                var vm = this;
                axios.post('/api/user/report', {
                    uid: uid,
                    oid: oid
                }).then(function (response) {
                    var obj = response.data;
                    if (obj.code == 0) {
                        vm.user = obj.data.user;
                        this.userbool = true;
                    } else {

                    }
                }).catch(function (response) {
                    console.log(response);
                });
            },
            // carrieDataRreport: function () {
            //     var vm = this;
            //     axios.post('/api/user/report/carrier', {
            //         uid: uid,
            //         oid: oid
            //     }).then(function (response) {
            //         var obj = response.data;
            //         if (obj.code == 0) {
            //             vm.report = obj.data;
            //             this.carrierbool = true;
            //         } else {
            //
            //         }
            //     }).catch(function (response) {
            //         console.log(response);
            //     });
            // }
        }
    });
</script>

</body>
</html>
